<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>QQ登录</title>
    <style>
        input[type=text]:focus{
            background: cornflowerblue;
        }
        tbody td:hover {
            color: darkred;
            background: green;
        }
        body img{
            width: 235px !important;
            height: 300px;
            opacity:0.5;
        }
        body>div>img:hover{
            border: 3px solid lawngreen ;
            opacity: 0.9;
        }
        body>div>img{
            width: 350px;
        }
        body>table{
            margin: auto;
        }
    </style>
</head>
<body>
    <p>姓名：<input type="text" name="name" placeholder="请输入姓名"></p>
    <p>性别：<input type="text" name="sex" placeholder="请输入性别"></p>
    <p>学历：<input type="text" name="education" placeholder="请输入学历"></p>
    <table border="2" width="60%">
        <thead><tr><th>姓名</th><th>部门</th><th>职位</th></tr></thead>
        <tbody><tr><td>张三</td><td>市场部</td><td>销售人员</td></tr>
        <tr><td>王五</td><td>市场部</td><td>销售人员</td></tr>
        <tr><td>李四</td><td>市场部</td><td>销售人员</td></tr>
        <tr><td>周欣</td><td>市场部</td><td>销售人员</td></tr>
        </tbody>
    </table>
    <hr>
<div>
    <img src="../../image/girl/yuwen1.JPG" alt="yuwen">
    <img src="../../image/girl/yihan1.JPG" alt="yuwen">
    <img src="../../image/girl/jiaxin1.JPG" alt="yuwen">
    <img src="../../image/sticker/走来.GIF" alt="yuwen">
</div>
    <a href="link.html" style="text-decoration: none">去link界面</a>

</body>
</html>